<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>图片</title>
    <style type="text/css">
        .box{
            color: red;
            font-size: 30px;
            width: 800px;
            height: 800px;
            border: 1px solid red;
           /* background-color: green;*//*背景色*/
            background-image: url("a.png");
            background-repeat: no-repeat;
            background-position: center;
           background-size:cover;/*平铺，将图片铺满整个屏幕*/
           /* background-size:contain;!*不裁剪图片*!*/
           background-attachment: fixed;/*把图片固定不动*/
            overflow-y: auto;

        }
        .box p{
            margin-bottom: 300px;
        }

    </style>
</head>
<body>
<div class="box">
    <p>
        你愁啥？
    </p>
    <p>
        瞅你咋地
    </p>
    </divcla>


<!--<img src="a.png" title="二哈" alt="二哈的凝视">&lt;!&ndash;alt是图片的注释,读屏软件可以读出来&ndash;&gt;-->
</div>
</body>
</html>